<template>
  <div class="app-container">
    <!-- <hear></hear> -->
    <!-- <el-image 
    style="width: 100px; height: 100px"
    :src="url" 
    :preview-src-list="srcList">
  </el-image> -->
    <div class="backoff">
      <div>
        <!-- <el-button @click="shuaxin" type="info" icon="el-icon-refresh-right" class="anniu"></el-button> -->
        <el-button class="anniu" @click="$router.go(-1)">返回</el-button>
      </div>
    </div>

    <el-tabs class="tac" tab-position="left">
      <el-tab-pane style="height: 100%" label="招标详情">
        <!-- <div  :v-html="html_base64_str"></div> -->
        <div
          class="tmlbas"
          style="padding-top: 45px; padding-bottom: 10px"
          v-html="html_base64_str"
        ></div>
      </el-tab-pane>
      <!-- <el-tab-pane style="height: 100%" label="招标详情">
    <div class="W1200 Center Top15">
    left begin
    <div class="W900 Left WhiteBg BorderEEE" id="print-content" style="min-height:600px;">
        <h1 class="TxtCenter Top18 PaddingLR15 PaddingTop10">河南省食品药品检验所2022年能力建设仪器设备采购项目中标结果公告</h1>
        <div class="TxtCenter BorderTopDot Gray " style="margin:20px 30px 0px;">
            发布机构：<span class="Gray">河南招标采购服务有限公司</span> &nbsp;&nbsp;
            发布日期：<span class="Gray">2022-11-15 11:53</span>&nbsp;&nbsp;
            访问次数：<span class="Gray">3739</span>
        </div>

        <div class="Content"><div id="content">


  
  <title>公告内容文档</title>


<table class="Content">
    <tbody>
    <tr>
        <td>
            <div>
                <p> <a class="apply_rz" href="http://www.hngp.gov.cn/xygh/egp/jd/rzjg/rzjgxx/ShowPicListNew.html" target="_blank">中小微企业融资申请</a></p>
            </div>
        </td>
    </tr>
    <tr><td>一、项目基本情况</td></tr>
    <tr><td class="shsj2em">1、采购项目编号：豫财招标采购-2022-1084</td></tr>
    <tr><td class="shsj2em">2、采购项目名称：河南省食品药品检验所2022年能力建设仪器设备采购项目</td></tr>
    <tr><td class="shsj2em">3、采购方式：公开招标</td></tr>
    <tr><td class="shsj2em">4、招标公告发布日期：2022年09月15日</td></tr>
    <tr><td class="shsj2em">5、评审日期：2022年10月13日</td></tr>
    <tr><td>二、采购项目用途、数量、简要技术要求、合同履行日期：</td></tr>
    <tr><td class="suojin">包号	货物名称	主要技术规格	数量/(台/套)	采购预算(万元)	是否允许采购进口产品<br>1	气相色谱仪（FID+ECD+TCD）(核心产品)	详见第三章采购需求	1	100	是<br>	气相色谱仪（FID+ECD+NPD）	详见第三章采购需求	1		<br>2	液相色谱仪	详见第三章采购需求	2	120	是<br>	高效液相色谱仪（核心产品）	详见第三章采购需求	1		是<br>	高效液相色谱仪	详见第三章采购需求	1		是<br>3	液相色谱仪（核心产品）	详见第三章采购需求	2	160	是<br>	高效液相色谱仪	详见第三章采购需求	2		是<br>4	12位自动溶出度仪(核心产品)	详见第三章采购需求	3	129	是<br>5	傅立叶红外光谱仪(核心产品)	详见第三章采购需求	1	56	是<br>	紫外可见分光光度计	详见第三章采购需求	1		是<br>6	正置荧光显微镜仪器	详见第三章采购需求	1	86	否<br>	卡尔费休氏水分仪	详见第三章采购需求	1		否<br>	电位滴定仪(核心产品)	详见第三章采购需求	1		否<br>	离心机	详见第三章采购需求	1		否<br>7	氮气发生器(核心产品)	详见第三章采购需求	1	56.98	是<br>	蒸发光散射检测器	详见第三章采购需求	1		是<br>	智能配液仪	详见第三章采购需求	1		否<br>8	高通量真空平行浓缩仪	详见第三章采购需求	1	59.12	否<br>	全自动平行浓缩仪	详见第三章采购需求	1		否<br>	全自动均质器(核心产品)	详见第三章采购需求	1		否<br>注：1.交货日期：国产仪器设备自合同签定后40日内；进口仪器设备自合同签定后60日内。<br>    2.交货地点：河南省药品医疗器械检验院（郑州市郑东新区熊儿河路79号）</td></tr>
    <tr><td>三、中标情况</td></tr>
    <tr><td class="suojin">
            <table border="0" cellpadding="0" cellspacing="0" class="table1">
                <tbody><tr style="height: 30px;line-height: 30px;">
                    <td style="width:20%">包号</td>
                    <td style="width:20%">采购内容</td>
                    <td style="width:20%">供应商名称</td>
                    <td style="width:20%">地 址</td>
                    <td style="width:10%">中标金额</td>
                    <td style="width:10%">单位</td>
                </tr>
                        <tr>
                            <td rowspan="2">豫政采(2)20221763-1</td>
                            <td>
                                 <el-input type="textarea" >气相色谱仪（FID+ECD+TCD）、气相色谱仪（FID+ECD+NPD）</el-input>
                                    <textarea class="TextAreaStyle" style="width: 144px; height: 132px;" readonly=""></textarea>
                                    </td>
                            <td>河南沃斯仪器设备有限公司</td>
                            <td>郑州市金水区健康路159号</td>
                            <td>996,600.00</td>
                            <td>元</td>
                        </tr>
                        <tr name="zbjgTr">
                            <td colspan="5">
                                <table border="1" cellpadding="0" cellspacing="0" class="zybdTable" id="zybdTable_0">
                                    <tbody><tr style="height: 30px;line-height: 30px;">
                                        <td style="width:5%" nowrap="">序号</td>
                                        <td style="width:20%" nowrap="">名称</td>
                                        <td style="width:20%" nowrap="">品牌（如有）</td>
                                        <td style="width:20%" nowrap="">规格型号</td>
                                        <td style="width:15%" nowrap="">数量</td>
                                        <td style="width:20%" nowrap="">单价</td>
                                    </tr>
                                                    <tr style=" border-top: 1px;">
                                                        <td>1</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表元</td>
                                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2">豫政采(2)20221763-2</td>
                            <td>液相色谱仪、高效液相色谱仪、高效液相色谱仪</td>
                            <td>河南沃斯仪器设备有限公司</td>
                            <td>郑州市金水区健康路159号</td>
                            <td>1,193,600.00</td>
                            <td>元</td>
                        </tr>
                        <tr name="zbjgTr">
                            <td colspan="5">
                                <table border="1" cellpadding="0" cellspacing="0" class="zybdTable" id="zybdTable_1">
                                    <tbody><tr style="height: 30px;line-height: 30px;">
                                        <td style="width:5%" nowrap="">序号</td>
                                        <td style="width:20%" nowrap="">名称</td>
                                        <td style="width:20%" nowrap="">品牌（如有）</td>
                                        <td style="width:20%" nowrap="">规格型号</td>
                                        <td style="width:15%" nowrap="">数量</td>
                                        <td style="width:20%" nowrap="">单价</td>
                                    </tr>
                                                    <tr style=" border-top: 1px;">
                                                        <td>1</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表元</td>
                                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2">豫政采(2)20221763-3</td>
                            <td>液相色谱仪、高效液相色谱仪</td>
                            <td>河南沃斯仪器设备有限公司</td>
                            <td>郑州市金水区健康路159号</td>
                            <td>1,193,600.00</td>
                            <td>元</td>
                        </tr>
                        <tr name="zbjgTr">
                            <td colspan="5">
                                <table border="1" cellpadding="0" cellspacing="0" class="zybdTable" id="zybdTable_2">
                                    <tbody><tr style="height: 30px;line-height: 30px;">
                                        <td style="width:5%" nowrap="">序号</td>
                                        <td style="width:20%" nowrap="">名称</td>
                                        <td style="width:20%" nowrap="">品牌（如有）</td>
                                        <td style="width:20%" nowrap="">规格型号</td>
                                        <td style="width:15%" nowrap="">数量</td>
                                        <td style="width:20%" nowrap="">单价</td>
                                    </tr>
                                                    <tr style=" border-top: 1px;">
                                                        <td>1</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表元</td>
                                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2">豫政采(2)20221763-4</td>
                            <td>12位自动溶出度仪</td>
                            <td>河南恒孚来商贸有限公司</td>
                            <td>郑州市金水区东明路187号</td>
                            <td>900,000.00</td>
                            <td>元</td>
                        </tr>
                        <tr name="zbjgTr">
                            <td colspan="5">
                                <table border="1" cellpadding="0" cellspacing="0" class="zybdTable" id="zybdTable_3">
                                    <tbody><tr style="height: 30px;line-height: 30px;">
                                        <td style="width:5%" nowrap="">序号</td>
                                        <td style="width:20%" nowrap="">名称</td>
                                        <td style="width:20%" nowrap="">品牌（如有）</td>
                                        <td style="width:20%" nowrap="">规格型号</td>
                                        <td style="width:15%" nowrap="">数量</td>
                                        <td style="width:20%" nowrap="">单价</td>
                                    </tr>
                                                    <tr style=" border-top: 1px;">
                                                        <td>1</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表元</td>
                                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2">豫政采(2)20221763-6</td>
                            <td>正置荧光显微镜仪器、卡尔费休氏水分仪、电位滴定仪、离心机</td>
                            <td>河南新知仪器设备有限公司</td>
                            <td>河南省郑州市高新技术产业开发区冬青街26号</td>
                            <td>658,000.00</td>
                            <td>元</td>
                        </tr>
                        <tr name="zbjgTr">
                            <td colspan="5">
                                <table border="1" cellpadding="0" cellspacing="0" class="zybdTable" id="zybdTable_4">
                                    <tbody><tr style="height: 30px;line-height: 30px;">
                                        <td style="width:5%" nowrap="">序号</td>
                                        <td style="width:20%" nowrap="">名称</td>
                                        <td style="width:20%" nowrap="">品牌（如有）</td>
                                        <td style="width:20%" nowrap="">规格型号</td>
                                        <td style="width:15%" nowrap="">数量</td>
                                        <td style="width:20%" nowrap="">单价</td>
                                    </tr>
                                                    <tr style=" border-top: 1px;">
                                                        <td>1</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表元</td>
                                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
                        <tr>
                            <td rowspan="2">豫政采(2)20221763-8</td>
                            <td>高通量真空平行浓缩仪、全自动平行浓缩仪、全自动均质器</td>
                            <td>百城富润（河南）医疗产业发展有限公司</td>
                            <td>河南自贸试验区郑州片区（经开）航海东路1507号</td>
                            <td>367,500.00</td>
                            <td>元</td>
                        </tr>
                        <tr name="zbjgTr">
                            <td colspan="5">
                                <table border="1" cellpadding="0" cellspacing="0" class="zybdTable" id="zybdTable_5">
                                    <tbody><tr style="height: 30px;line-height: 30px;">
                                        <td style="width:5%" nowrap="">序号</td>
                                        <td style="width:20%" nowrap="">名称</td>
                                        <td style="width:20%" nowrap="">品牌（如有）</td>
                                        <td style="width:20%" nowrap="">规格型号</td>
                                        <td style="width:15%" nowrap="">数量</td>
                                        <td style="width:20%" nowrap="">单价</td>
                                    </tr>
                                                    <tr style=" border-top: 1px;">
                                                        <td>1</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表</td>
                                                        <td>详见分项报价表元</td>
                                                    </tr>
                                </tbody></table>
                            </td>
                        </tr>
            </tbody></table>
        </td>
    </tr>
    <tr><td>四、评审专家名单</td></tr>
    <tr><td class="shsj2em">贾振民 董玉芹  张新成  王君玉  李云</td></tr>
    <tr><td>五、代理服务收费标准及金额：</td></tr>
    <tr><td class="shsj2em">收费标准：包1（豫政采(2)20221763-1）：15000.00人民币元。<br>（参照原国家计委计价格【2002】1980号文和国家发改委发改办价格【2003】857号文的计算方法收取中标服务费壹万伍仟元整）；<br>包2（豫政采(2)20221763-2）：17200.00人民币元。<br>（参照原国家计委计价格【2002】1980号文和国家发改委发改办价格【2003】857号文的计算方法收取中标服务费壹万柒仟贰佰元整）；<br>包3（豫政采(2)20221763-3）：21600.00人民币元。<br>（参照原国家计委计价格【2002】1980号文和国家发改委发改办价格【2003】857号文的计算方法收取中标服务费贰万壹仟陆佰元整）；<br>包4（豫政采(2)20221763-4）：18190.00人民币元。<br>（参照原国家计委计价格【2002】1980号文和国家发改委发改办价格【2003】857号文的计算方法收取中标服务费壹万捌仟壹佰玖拾元整）；<br>包6（豫政采(2)20221763-6）：12900.00人民币元。<br>（参照原国家计委计价格【2002】1980号文和国家发改委发改办价格【2003】857号文的计算方法收取中标服务费壹万贰仟玖佰元整）；<br>包8（豫政采(2)20221763-8）：8868.00人民币元。<br>（参照原国家计委计价格【2002】1980号文和国家发改委发改办价格【2003】857号文的计算方法收取中标服务费捌仟捌佰陆拾捌元整）；</td></tr>
    <tr><td class="suojin">收费金额：93,758.00元</td></tr>
    <tr><td>六、中标公告发布的媒介及中标公告期限</td></tr>
    <tr><td class="suojin">本次中标公告在《河南省政府采购网》、《河南省公共资源交易中心网》、《河南招标采购网》上发布，中标公告期限为1个工作日
。
        </td></tr>
    <tr><td>七、其他补充事宜</td></tr>
    <tr><td class="shsj2em">无</td></tr>
    <tr><td>八、凡对本次公告内容提出询问，请按以下方式联系</td></tr>
    <tr><td class="xhsj">1. 采购人信息</td></tr>
    <tr><td class="shsj2em">名称：河南省食品药品检验所</td></tr>
    <tr><td class="shsj2em">地址：郑州市郑东新区熊儿河路79号</td></tr>
    <tr><td class="shsj2em">联系人：李老师</td></tr>
    <tr><td class="shsj2em">联系方式：0371-65566031</td></tr>
    <tr><td class="xhsj">2.采购代理机构信息（如有）</td></tr>
    <tr><td class="shsj2em">名称：河南招标采购服务有限公司</td></tr>
    <tr><td class="shsj2em">地址：郑州市金水区纬四路13号</td></tr>
    <tr><td class="shsj2em">联系人：王宁</td></tr>
    <tr><td class="shsj2em">联系方式：0371-65990020</td></tr>
    <tr><td class="xhsj">3.项目联系方式</td></tr>
    <tr><td class="shsj2em">项目联系人：王宁</td></tr>
    <tr><td class="shsj2em">联系方式：0371-65990020</td></tr>
    </tbody>
</table>

</div></div>
               <div class="Title02 Top10"><h2>附件</h2></div>
        <div class="List1 Top5">
            <ul style="display: flex;
    flex-direction: column;
    color: #444;
">
                    <li  style="background-position:5px -102px;
    color: #444;
">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/5b930c6fa5664c9788e956680df97329.docx" target="_blank">包3分项报价表.docx</a>
                    </li>
                    <li style="background-position:5px -102px;
    color: #444;
">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/a3870b03bc6c43048bd3570ed4233a41.docx" target="_blank">包2分项报价表.docx</a>
                    </li>
                    <li style="background-position:5px -102px">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/5d450fe08e7842d9aa1b5f2c197e6980.pdf" target="_blank">招标文件正文.pdf</a>
                    </li>
                    <li style="background-position:5px -102px">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/13321dfbda76432a9c61bde8ec776767.pdf" target="_blank">招标文件正文.pdf</a>
                    </li>
                    <li style="background-position:5px -102px">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/ac8b6853a8ef4d8192a9f1211ba7a0fd.docx" target="_blank">包6分项报价表.docx</a>
                    </li>
                    <li style="background-position:5px -102px">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/f4ca4d8b2d714bcf89f07ab1ed6eae0d.pdf" target="_blank">招标文件正文.pdf</a>
                    </li>
                    <li style="background-position:5px -102px">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/61a3d1ed833444e899588b23c5b0bf9f.docx" target="_blank">包8分项报价表.docx</a>
                    </li>
                    <li style="background-position:5px -102px">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/592521c8ba31425f982f5937e8768051.docx" target="_blank">包1分项报价表.docx</a>
                    </li>
                    <li style="background-position:5px -102px">                         
			   <a href="http://www.hngp.gov.cn/webfile/henan/rootfiles/2022/11/15/2c4fefaf1254416d984385a53eec3d72.docx" target="_blank">包4分项报价表.docx</a>
                    </li>
            </ul>
        </div>
    </div>
    left end
    right begin
    right end
    <div class="Clear"></div>
</div>
        </el-tab-pane> -->
      <el-tab-pane v-if="false" style="height: 100%" label="中标人信息">
        <el-form
          :model="formdata"
          label-width="170px"
          :disabled="true"
          class="fromsBox"
        >
          <el-form-item label="项目编号 :">
            <el-input
              v-model="formdata.bidding_number"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="项目名称 :">
            <el-input
              v-model="formdata.bidding_project_name"
              autocomplete="off"
            ></el-input>
          </el-form-item>

          <el-form-item label="采购方式 :">
            <el-input
              v-model="formdata.bidding_type"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="预算金额 :">
            <el-input
              v-model="formdata.margin_amount"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="包号 :">
            <el-input
              :value="formdata.bidding_project_number"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="来源 :">
            <el-input v-model="formdata.source" autocomplete="off"></el-input>
          </el-form-item>
          <!-- <el-form-item label="包预算 :">
            <el-input v-model="formdata.package_money" autocomplete="off"></el-input>
          </el-form-item> -->
          <el-form-item label="公司统一社会信用代码 :">
            <el-input
              v-model="formdata.unify_code"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="公司名 :">
            <el-input
              v-model="formdata.company_name"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <!-- <el-form-item label="项目联系方式 :">
            "state": 2, //保函状态，0：申请中，1：审核中，2：审核通过，3：审核不通过
            <el-input v-show="shenqingInfo.state == 0" value="申请中" autocomplete="off"></el-input>
            <el-input v-show="shenqingInfo.state == 1" value="审核中" autocomplete="off"></el-input>
            <el-input v-show="shenqingInfo.state == 2" value="审核通过" autocomplete="off"></el-input>
            <el-input v-show="shenqingInfo.state == 3" value="审核不通过" autocomplete="off"></el-input>
          </el-form-item> -->
        </el-form>
      </el-tab-pane>

      <el-tab-pane style="height: 100%" label="采购人信息">
        <el-form
          :model="formdata"
          label-width="170px"
          :disabled="true"
          class="fromsBox"
        >
          <el-form-item label="采购人名称 :">
            <el-input
              v-model="formdata.purchasePersonName"
              autocomplete="off"
            ></el-input>
          </el-form-item>

          <el-form-item label="采购人地址 :">
            <el-input
              v-model="formdata.purchasePersonAddr"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="采购人联系人 :">
            <el-input
              v-model="formdata.purchasePersonContactName"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="采购人联系方式 :">
            <el-input
              v-model="formdata.purchasePersonContactMobile"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="采购代理机构名称 :">
            <el-input
              v-model="formdata.purchaseAgentName"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="采购代理机构地址 :">
            <el-input
              v-model="formdata.purchaseAgentAddr"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="采购代理机构联系人 :">
            <el-input
              v-model="formdata.purchaseAgentPerson"
              autocomplete="off"
            ></el-input>
          </el-form-item>
          <el-form-item label="采购代理机构联系方式 :">
            <el-input
              v-model="formdata.purchaseAgentMobile"
              autocomplete="off"
            ></el-input>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <el-tab-pane style="padding-top: 45px; height: 100%" label="变更内容">
        <el-table
          ref="multipleTable"
          :data="formbian"
          tooltip-effect="dark"
          class="table xinde"
        >
          <el-table-column type="selection" width="55"></el-table-column>
          <el-table-column
            prop="id"
            align="center"
            label="序号"
            @click="details"
            width="50"
          ></el-table-column>
          <!-- <el-table-column prop="project_id" :show-overflow-tooltip="true"
        width="220" align="center" label="项目编号"></el-table-column> -->
          <el-table-column
            prop="time"
            align="center"
            label="变更时间"
            :show-overflow-tooltip="true"
            width="220"
          ></el-table-column>
          <el-table-column
            width="600"
            prop="new_info"
            align="center"
            label="变更内容"
          ></el-table-column>
          <!-- <el-table-column :show-overflow-tooltip="true"
               width="220" prop="money" align="center" label="预算金额"></el-table-column> -->
          <!-- <el-table-column :show-overflow-tooltip="true"
               width="220" prop="package_number" align="center" label="包号"></el-table-column> -->
        </el-table>
        <div class="block">
          <el-pagination
            background
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :page-sizes="[10, 20, 30]"
            :page-size="limit"
            layout="total, sizes, prev, pager, next, jumper"
            :total="formbianlist"
          ></el-pagination>
        </div>
      </el-tab-pane>
      <el-tab-pane style="padding-top: 45px; height: 100%" label="附件">
        <el-table
          ref="multipleTable"
          :data="forfujina"
          tooltip-effect="dark"
          class="table xinde"
        >
          <el-table-column type="selection" width="55"></el-table-column>
          <el-table-column
            prop="id"
            align="center"
            label="序号"
            @click="details"
            width="50"
          ></el-table-column>
          <!-- <el-table-column prop="project_id" :show-overflow-tooltip="true"
        width="220" align="center" label="项目编号"></el-table-column> -->

          <el-table-column
            :show-overflow-tooltip="true"
            width="300"
            prop="project_id"
            align="center"
            label="标段编号"
          ></el-table-column>
          <el-table-column
            prop="createtime"
            align="center"
            label="添加时间"
            :show-overflow-tooltip="true"
            width="300"
          >
            <template slot-scope="scope">
              {{ scope.row.createtime | dateFormat }}
            </template>
          </el-table-column>
          <el-table-column
            prop="money"
            align="center"
            width="620"
            label="文件地址"
          >
            <template slot-scope="scope">
              <!-- {{scope.row.file}} -->
              <a :href="$baseUrl + scope.row.file" target="_blank">{{
                $baseUrl + scope.row.file
              }}</a>
            </template>
          </el-table-column>
          <!-- <el-table-column :show-overflow-tooltip="true"
               width="220" prop="package_number" align="center" label="包号"></el-table-column> -->
        </el-table>
        <div class="block">
          <el-pagination
            background
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :page-sizes="[10, 20, 30]"
            :page-size="limit"
            layout="total, sizes, prev, pager, next, jumper"
            :total="forfujinalst"
          ></el-pagination>
        </div>
      </el-tab-pane>
    </el-tabs>
    <!-- <binad></binad> -->
  </div>
</template>

<script>
// import hear from ".././../components/hear.vue";
// import binad from ".././../components/dinad.vue";
const Base64 = require("js-base64").Base64;
import { bhdetail, gengzheng } from "@/api/system/liucheng";
// import { snfiledown } from "@/api/xin.js";
export default {
  components: {
    // hear,
    // binad,
  },
  data() {
    return {
      cionasd: false,
      formLabelAlign: {}, //申请公司信息
      chjg: {}, //出汗机构
      shenqingInfo: {}, //申请信息
      baohanFile: "", //保函文件
      shenqishenpiFilengInfo: "", //审批文件
      payList: "", //支付记录
      kdList: "", //快递记录
      applyno: "",
      sparams: {},
      limit: "",
      total: "",
      gerxinxi: "",
      jinduInfo: {}, //进度信息
      url: "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
      srcList: [
        "https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg",
      ],
      html_base64_str: "",
      forfujina: [],
      forfujinalst: "",
      formbian: {},
      formbianlist: "",
      formdata: {},
    };
  },
  created() {
    //解码
    //  var str="PGh0bWwgbGFuZz0nZW4nPgo8aGVhZD4KICA8bWV0YSBjaGFyc2V0PSdVVEYtOCc+CiAgPHRpdGxlPuWFrOWRiuWGheWuueaWh+ahozwvdGl0bGU+CjwvaGVhZD4KPGJvZHk+Cjx0YWJsZSBjbGFzcz0iQ29udGVudCI+DQogICAgPHRib2R5Pg0KICAgIDx0cj4NCiAgICAgICAgPHRkPjxwIHN0eWxlPSJ0ZXh0LWluZGVudDogMmVtIj7kuLrkvr/kuo7kvpvlupTllYblj4rml7bkuobop6PmlL/lupzph4fotK3kv6Hmga/vvIzmoLnmja7jgIrmsrPljZfnnIHotKLmlL/ljoXlhbPkuo7lvIDlsZXmlL/lupzph4fotK3mhI/lkJHlhazlvIDlt6XkvZznmoTpgJrnn6XjgIvvvIjosavotKLotK3jgJAyMDIw44CROOWPt++8ieetieacieWFs+inhOWumu+8jOeOsOWwhuays+WNl+enkeaKgOWkp+WtpiAyMDIy5bm0MTHvvIjoh7PvvIkxMuaciOmHh+i0reaEj+WQkeWFrOW8gOWmguS4i++8mjwvcD48L3RkPg0KICAgIDwvdHI+DQogICAgPHRyPg0KICAgICAgICA8dGQgY2xhc3M9InN1b2ppbiI+DQogICAgICAgICAgICA8dGFibGUgYm9yZGVyPSIxIiBjZWxscGFkZGluZz0iMCIgY2VsbHNwYWNpbmc9IjAiIHN0eWxlPSJ3aWR0aDogOTAlO3RleHQtYWxpZ246IGNlbnRlcjsiPg0KICAgICAgICAgICAgICAgIDx0ciBzdHlsZT0iaGVpZ2h0OiAzMHB4O2xpbmUtaGVpZ2h0OiAzMHB4OyI+DQogICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT0id2lkdGg6NSUiPuW6j+WPtzwvdGQ+DQogICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT0id2lkdGg6MTUlIj7ph4fotK3ljZXkvY3lkI3np7A8L3RkPg0KICAgICAgICAgICAgICAgICAgICA8dGQgc3R5bGU9IndpZHRoOjE1JSI+6YeH6LSt6aG555uu5ZCN56ewPC90ZD4NCiAgICAgICAgICAgICAgICAgICAgPHRkIHN0eWxlPSJ3aWR0aDozMCUiPumHh+i0remcgOaxguamguWGtTwvdGQ+DQogICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT0id2lkdGg6MTAlIj48cCBjbGFzcz0iaGt5cyI+6aKE566X6YeR6aKdPC9wPjxwIGNsYXNzPSJoa3lzIj7vvIjkuIflhYPvvIk8L3A+PC90ZD4NCiAgICAgICAgICAgICAgICAgICAgPHRkIHN0eWxlPSJ3aWR0aDoxMCUiPumihOiuoemHh+i0reaXtumXtDwvdGQ+DQogICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT0id2lkdGg6MjAlIj7lpIfms6g8L3RkPg0KICAgICAgICAgICAgICAgIDwvdHI+DQogICAgICAgICAgICAgICAgICAgICAgICA8dHI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPjE8L3RkPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD7msrPljZfnp5HmioDlpKflraY8L3RkPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD7msrPljZfnp5HmioDlpKflraYg6auY56uv6KOF5aSH56eR56CU5Yib5paw5Zui6Zif5bu66K6+6K6+5aSH5Y+K6L2v5Lu26aG555uuPC90ZD4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+PHRleHRhcmVhIGNsYXNzPSJUZXh0QXJlYVN0eWxlIiBzdHlsZT0id2lkdGg6IDkwJTsgaGVpZ2h0OiAxMDBweDsiIHJlYWRvbmx5PumrmOeyvuW6puWIh+WJiuWKm+a1i+mHj+ezu+e7n+OAgea1geS9k+WKm+WtpuS7v+ecn+ezu+e7n+OAgeaVsOaOp+WKoOW3peaVsOWtl+WtqueUn+i9r+S7tuezu+e7n+etiTwvdGV4dGFyZWE+PC90ZD4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+MTg4LjcwPC90ZD4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+IDIwMjLlubQxMuaciDwvdGQ+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPjx0ZXh0YXJlYSBjbGFzcz0iVGV4dEFyZWFTdHlsZSIgc3R5bGU9IndpZHRoOiA5MCU7IGhlaWdodDogMTAwcHg7IiByZWFkb25seT48L3RleHRhcmVhPjwvdGQ+DQogICAgICAgICAgICAgICAgICAgICAgICA8L3RyPg0KICAgICAgICAgICAgPC90YWJsZT4NCiAgICAgICAgPC90ZD4NCiAgICA8L3RyPg0KICAgIDx0cj4NCiAgICAgICAgPHRkIGNsYXNzPSJzdW9qaW4iPjxwIHN0eWxlPSJsaW5lLWhlaWdodDo0MHB4O2ZvbnQtd2VpZ2h0OmJvbGRlcjtiYWNrZ3JvdW5kOmNvcm5zaWxrO2NvbG9yOmNyaW1zb247Ym9yZGVyOjFweCBzb2xpZCBjcmltc29uO2ZvbnQtc2l6ZToxNHB4O3RleHQtYWxpZ246IGNlbnRlcjt3aWR0aDogOTAlIj7mnKzmrKHlhazlvIDnmoTph4fotK3mhI/lkJHmmK/mnKzljZXkvY3mlL/lupzph4fotK3lt6XkvZznmoTliJ3mraXlronmjpLvvIzlhbfkvZPph4fotK3pobnnm67mg4XlhrXku6Xnm7jlhbPph4fotK3lhazlkYrlkozph4fotK3mlofku7bkuLrlh4bjgII8L3A+PC90ZD4NCiAgICA8L3RyPg0KICAgIDx0cj48dGQgc3R5bGU9InBhZGRpbmctbGVmdDogNzAlIj7msrPljZfnp5HmioDlpKflraY8L3RkPjwvdHI+DQogICAgPHRyPjx0ZCBzdHlsZT0icGFkZGluZy1sZWZ0OiA3MCUiPjIwMjLlubQxMeaciDE05pelPC90ZD48L3RyPg0KICAgIDwvdGJvZHk+DQo8L3RhYmxlPg0KPC9ib2R5Pgo8L2h0bWw+"

    // const oxStr = Base64.decode(str);//解密
    // this.html_base64_str= Base64.decode(str);//解密

    //   this.get_weidaili();
    //   this.get_daili();
    // console.log(this.$route.query.params,122222222222);
    let params = JSON.parse(this.$route.query.params);
    this.sparams = JSON.parse(this.$route.query.params);
    // const oxStr = Base64.decode(params.html_base64_str);//解密

    // console.log("解密",this.html_base64_str)
    this.formdata = this.sparams;
    this.formdata.reviewTime = this.dateFormat(this.formdata.reviewTime);
    this.formdata.createTime = this.dateFormat(this.formdata.createTime);
    console.log(params);

    if (params.htmlBase64Str !== null) {
      this.html_base64_str = Base64.decode(params.htmlBase64Str); //解密
      console.log("解密", this.html_base64_str);
    }
    var bbc = {
      offset: 0,
      limit: 100,
      keywords: params.biddingProjectName,
    };
    this.gengzhengs(bbc);
    this.forfujina = params.fujian;
    this.forfujinalst = params.fujian.length;
  },
  methods: {
    details() {},
    handleSizeChange() {},
    handleCurrentChange() {},
    gengzhengs(e) {
      gengzheng(e).then((res) => {
        console.log("genggai", res);
        if (res.data.code == 1) {
          this.formbian = res.data.data.rows;
          this.formbianlist = res.data.data.total;
        }
      });
    },
    dateFormat(value) {
      // console.log("genggaishijan",value)
      let date = new Date(value * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
      let y = date.getFullYear();
      let MM = date.getMonth() + 1;
      MM = MM < 10 ? "0" + MM : MM;
      let d = date.getDate();
      d = d < 10 ? "0" + d : d;
      let h = date.getHours();
      h = h < 10 ? "0" + h : h;
      let m = date.getMinutes();
      m = m < 10 ? "0" + m : m;
      let s = date.getSeconds();
      s = s < 10 ? "0" + s : s;
      // console.log("12312",y + "-" + MM + "-" + d + " "+h+ ":"+m+ ":" +s)
      return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s; //多种时间格式的拼接
    },
    yulan(e) {
      let link = document.createElement("a");
      link.style.display = "none";
      link.style.download = "";
      link.target = "_blank";
      link.href = e + "";
      // link.setAttribute("download", ".pdf");
      // +'.pdf' 通过不同的后缀名下载不同的文件
      //这里下载的是pdf格式的文件，拿到接口里的res也必须是pdf的文件流
      // document.body.appendChild(link);
      link.click();
      URL.revokeObjectURL(link.href); //URL.revokeObjectURL() 静态方法用来释放一个之前通过调用 URL.createObjectURL() 创建的已经存在的 URL 对象。当你结束使用某个 URL 对象时，应该通过调用这个方法来让浏览器知道不再需要保持这个文件的引用了。
      document.body.removeChild(link);
    },
    async xiazai(e) {
      let url = e; //  download(url)
      var bbc = {
        applyno: this.applyno,
        type: 0,
      };
      const { data } = await snfiledown(bbc);
      this.xiazpdf(data.data);
    },
    xiazpdf(e) {
      var that = this;
      // res.data   就是后台返回的base64的 文件流
      let URL = this.dataURLtoBlob(e);
      var reader = new FileReader();
      reader.readAsDataURL(URL);
      reader.onload = function (e) {
        // 兼容IE
        if (window.navigator.msSaveOrOpenBlob) {
          var bstr = atob(e.target.result.split(",")[1]);
          var n = bstr.length;
          var u8arr = new Uint8Array(n);
          while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
          }
          var blob = new Blob([u8arr]);

          window.navigator.msSaveOrOpenBlob(blob, that.wenname);
        } else {
          // 转换完成，创建一个a标签用于下载
          var a = document.createElement("a");
          a.download = that.wenname;
          a.href = e.target.result;
          a.setAttribute("id", "export");
          document.getElementById("purchaseManage").append(a); // 修复firefox中无法触发click
          a.click();
          document.getElementById("export").remove();
        }
      };
    },
    handleClick(tab, event) {
      console.log(tab, event);
    },
    dataURLtoBlob(dataurl) {
      var bstr = atob(dataurl);
      var n = bstr.length;
      var u8arr = new Uint8Array(n);
      while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
      }
      return new Blob([u8arr], { type: "pdf" });
    },
    // 获取详情
    getDetail(id) {
      bhdetail({
        company_id: id,
      }).then((res) => {
        console.log(res);
        this.shenqingInfo = res.data.data.jiben;
        this.formLabelAlign = res.data.data.shenqing_company;
        this.shenqishenpiFilengInfo = res.data.data.ziliao;
        this.baohanFile = res.data.data.baohan;
        this.chjg = res.data.data.guarantee_company;
        this.payList = res.data.data.pay;
        this.kdList = res.data.data.kuaidi;
        this.applyno = res.data.data.jiben.apply_number;
      });
    },
  },
};
</script>
<style>
.apply_rz {
  display: none !important;
}
</style>
<style scoped lang="scss">
.nav ul li a {
  color: #444 !important;
}
.weidaili_head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search {
  float: right;
  width: 20%;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: flex;

  ::v-deep.el-input__inner {
    border: none !important;
  }

  .el-button {
    border: none;
  }
}

::v-deep.el-input__inner {
  border: none !important;
}

.weidaili {
  height: 75vh;
  margin-bottom: 10px;
  overflow: hidden;
}

.block {
  width: 95%;
  padding-right: 5%;
  display: flex;
  justify-content: flex-end;
}

.showphoto {
  height: 553px;
  background: #f5f6fa;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.showphoto1 {
  height: 553px;
  background: #f5f6fa;
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-tabs .el-tab-pane {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  // overflow-y: auto;
}

.app-container {
  //   height: calc(100vh + 50px);
  height: calc(100vh - 132px);
  padding-bottom: 0px;
  position: relative;
  // display: flex;
  // flex-direction: column;
  // position: relative;
}

// ::v-deep .el-tabs__content {
//   // height: 100% !important;
// }

.public-ku {
  margin-top: 1.375rem;
  width: 443.8px;
  height: 250px;
  margin-bottom: 1.25rem;
}

.kuang-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
}

.pdf {
  width: 50px;
  height: 50px;
}

.kuang-1 {
  font-size: 1.1625rem;
  line-height: 2.3125rem;
  margin-left: 1.25rem;
  margin-top: 0.375rem;
  font-family: Microsoft YaHei;
  font-weight: 800;
  color: #333333;
}

.fromsBox {
  width: 100%;
  overflow: auto;
  /* margin: 0px auto; */
  margin-top: 60px;
  padding: 0 15%;
  padding-bottom: 40px;

  .el-form-item {
    margin-bottom: 4px;
    margin-left: 20px;
  }
}

.title {
  font-weight: bold;
  margin-bottom: 10px;
}

.left {
  width: 70%;
  margin: 0px auto;
  margin-top: 60px;
}

.conter {
  margin-left: 20px;
  // width: 85%;
}

.backoff {
  position: absolute;
  z-index: 999;
  left: 222px;
  // top: 83px;
  // margin-left: 180px;
  display: flex;
  justify-content: flex-end;
  padding: 5px 0;
  box-sizing: border-box;

  div {
    width: calc(100vw - 240px);
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
  }

  .el-button {
    border: 1px solid;
  }
}

.rzBox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%);

  .el-button {
    width: 150px !important;
  }
}

.renzhng {
  flex: 1;
  overflow-y: auto;
  padding: 0 10%;

  .el-form-item {
    margin-bottom: 4px;
  }
}

.footer {
  display: flex;
  padding-left: 10px;
  box-sizing: border-box;
  height: 45px;
  // justify-content: center;
  align-items: center;
  background-color: #f4f4f5 !important;

  .btn {
    width: 80px;
    height: 35px;
    border: 1px solid #1795ff;
  }
}

.table {
  margin-top: 50px;
}

.public-kuang {
  margin-top: 0.5rem;
  //   width: 750px;
  height: 85px;
  padding: 0.5125rem 0.55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  //   flex-direction: column;
  /* justify-content: space-between; */
  /* align-items: center; */
  background: #ffffff;
  -webkit-box-shadow: 0rem 0rem 0.1875rem 0rem rgb(0 0 0 / 15%);
  box-shadow: 0rem 0rem 0.1875rem 0rem rgb(0 0 0 / 15%);
}

.kuang-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 800;
}

.kuang-1 {
  font-size: 1.1625rem;
  line-height: 2.3125rem;
  margin-left: 1.25rem;
  margin-top: 0.375rem;
  font-family: Microsoft YaHei;
  font-weight: 800;
  color: #333333;
}

.kuang-2 {
  width: 4.125rem;
  height: 2.0375rem;
  line-height: 1.375rem;
  text-align: center;
  /* border-radius: 20px; */
  background: #069cff;
  border: 0.0625rem solid #069cff;
  font-size: 1rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  padding: 0.3125rem 0.5125rem;
  color: #fff;
}

.tac {
  height: 100%;
}

::v-deep .tac .el-tabs__content {
  height: 100%;
  overflow-y: auto;
}
::v-deep .el-tabs--left .el-tabs__item.is-left {
  width: 200px;
  height: 50px;
  line-height: 50px;
  text-align: end;
  font-size: 18px;
  font-family: MicrosoftYaHei-, MicrosoftYaHei;
  font-weight: normal;
  color: #000000;
}

::v-deep .fromsBox .el-input__inner {
  width: 100% !important;
}
::v-deep .el-tabs--left .el-tabs__item.is-active {
  background: #1795ff;
  color: #fff;
}
::v-deep .el-tabs--left {
  height: 100%;
}
::v-deep .el-tabs__item {
  font-size: 16px;
}
.Content .apply_rz {
  margin: 20px 20px;
  float: right;
  font-size: 20px;
  border: 1px #1890ff solid;
  padding: 3px 10px;
  background: #007bff;
  color: #fff !important;
  display: none;
}
</style>
